import React from 'react';
import { SiderProps } from 'antd/es/layout/Sider';
import { Layout } from 'antd';
import { WitMenu, WitMenuProps } from '@/components/Menu';
import { WitLogo } from '@/components/Logo';

const { Sider } = Layout;
export interface SiderConfigProp {
  siderConfig?: SiderProps;
  // 菜单配置
  menu?: WitMenuProps;
}

export const WitSider = (props: SiderConfigProp) => {
  const { menu, siderConfig } = props;
  return (
    <Sider {...siderConfig}>
      <WitLogo />
      <WitMenu {...menu} />
    </Sider>
  );
};
